<template>
	<div class="header">
		<div class="top" :title="topTitle">
			<span slot="left">
				<van-icon class="back" name="arrow-left" size="2rem" @click="$router.back();" />
				<!--<van-button icon="arrow-left" v-if="showLeft" @click="$router.back();"></van-button>-->
				<!--<van-button v-else @click="$router.back();"></van-button>-->
			</span>
			<!-- <mt-button icon="more" slot="right"></mt-button> -->
		</div>
	</div>
</template>
<script>
export default {
	data() {
		return {

        };
	},
	props: {
		topTitle: String,
		showLeft:Boolean,
		showRight:Boolean
	},
	created() {

    },
	mounted() {

    },
	methods: {

	},
};
</script>
<style scoped>
.header .top{
	background:#33ccc0;
	font-size:4.8vw;
	position:fixed;
	width:100vw;
	height:11.73vw;
	top:0;
	z-index: 1000;

}
.back{
	margin-top: 0.5rem;
}
</style>
